<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="stylesheet" href="index.css">
	<link rel="stylesheet" type="text/css" href="分类.css"/>
	<link rel="stylesheet" href="./layui-v2.5.6/layui/css/layui.css">
	<title>小米</title>
	
</head>
<body>
	<div id="classify-all">
		<div id="height-nav">
			<div id="classify-navigation">
				<div  id="return" >
					<i class="layui-icon-left layui-icon"></i>
				</div>
				<div id="classify"> 
					<div>分类</div>
				</div>
				<div id="seek" >
					<i class="layui-icon-search layui-icon"s></i>
				</div>
			</div>
		</div>	
	<div id="left-position">
			<ul>
				<li>
					<a href="#xiaomishouji">小米手机</a>
				</li>
				<li>
					<a href="#redmi">redmi手</a>
				</li>
				<li>
					<a href="#heishashouji">黑鲨手机</a>
				</li>
				<li>
					<a href="#wuG">
						5G合约
					</a>
				</li>
				<li>
					<a href="#xiaomizhongchou">
						小米众筹
					</a>
				</li>
				<li>
					<a href="#xiaomishouji">电视</a>
				</li>
				<li>
					<a href="#redmi">大家电</a>
				</li>
				<li>
					<a href="#heishashouji">电脑办公</a>
				</li>
				<li>
					<a href="#wuG">
						小爱智能
					</a>
				</li>
				<li>
					<a href="#xiaomizhongchou">
						路由器
					</a>
				</li>
				<li>
					<a href="#xiaomishouji">生活电器</a>
				</li>
				<li>
					<a href="#redmi">厨房电器</a>
				</li>
				<li>
					<a href="#heishashouji">智能穿戴</a>
				</li>
				<li>
					<a href="#wuG">
						智能家居
					</a>
				</li>
			</ul>
		</div>

		<div id="right-text">
			<div id="width">
				<div><img src="./imgs/分类img/d5944f791435c54f4b65dac5aa581e60.png" alt=""></div>
				<div id="xiaomishouji">
					<div id="xiaomi"><span>小米数字系列</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/58a4446432aba7894e957f2c18853562.png" alt="">
							</div>
							<div id="text">小米10 青春</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/b54738f4dce4588f9bd29a5dadf76030.png" alt="">
							</div>
							<div id="text">小米10 pro</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/acf2e521e29e5afabf6d493203b31f27.png" alt="">
							</div>
							<div id="text">小米10 </div>
						</div>
					</div>

					<div id="xiaomi"><span>小米MIX系列</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/266ad6dd5146deaf3ae3602a89e7a217.png" alt="">
							</div>
							<div id="text">小米MIX Alp.</div>
						</div>
					</div>

					<div id="xiaomi"><span>小米手机配件</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/299b5373e77b8ad1f315db3a997c8728.png" alt="">
							</div>
							<div id="text">小米手机保</div>
						</div>
					</div>
				</div>
				<div><img src="./imgs/分类img/1c90039abfc30576c7803620ead24954.png" alt=""></div>
				<div id="redmi">
					<div id="xiaomi"><span>Redmi红米 K系列</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/a69571b4148f5e59c251658adae6db60.png "alt="">
							</div>
							<div id="text">k30 Pro</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/294268746df2a11c188f6d504efc49b4.png" alt="">
							</div>
							<div id="text">k30 Reo变.</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/acf2e521e29e5afabf6d493203b31f27.png" alt="">
							</div>
							<div id="text">redmi K30i</div>
						</div>
						
					</div>
					<div id="left-2">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/efd0aa03675839c8f20e8c38de8229c1.png"alt="">
							</div>
							<div id="text">Pedmi k30 4G</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/f59489c399bb418dfe519b54c89c327d.png" alt="">
							</div>
							<div id="text">Redmi k30 5G</div>
						</div>
					</div>
					<div id="xiaomi"><span>Redmi红米 X系列</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/9238e61fd42fec7aa8b6ace4af7dbda6.png" alt="">
							</div>
							<div id="text">10X 5G</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/20b905a5bdfd17efac7c45f5c4257644.png" alt="">
							</div>
							<div id="text">10X Pro 5G</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e33cb1ebca8a91a3c1031b5bae47e1da.png" alt="">
							</div>
							<div id="text">10X 4G</div>
						</div>
					</div>

					<div id="xiaomi"><span>Redmi红米 数字系列</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/f1273fa0f531e5c586d25f04d95d434d.png" alt="">
							</div>
							<div id="text">Redmi 9A</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/0b7878e8f09afa43708044abf170c67d.png" alt="">
							</div>
							<div id="text">Redmi 9</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/a78e73027b202757a933083ddd6ffbe0.png" alt="">
							</div>
							<div id="text">Redmi 8</div>
						</div>
					</div>
					<div id="left-2">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/39ad29e9dce40a7afa494fe9e0cf9b0d.png" alt="">
							</div>
							<div id="text">Redmi 8A</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/8d0ceb8b80da9e0ee31700451f17e984.png" alt="">
							</div>
							<div id="text">Redmi 7A</div>
						</div>
					</div>
					<div id="xiaomi"><span>Redmi红米 Note系列</span></div>
					<div id="left-2">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/99022ce28f145ff5a521c848596295ec.gif" alt="">
							</div>
							<div id="text">Note 8 Pro</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/271b3bd052e735143ee7298f2d6d43fa.gif" alt="">
							</div>
							<div id="text">Redmi Note 8</div>
						</div>
					</div>
					<div id="xiaomi"><span>Redmi手机配件 </span></div>
					<div id="left-2">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/8fb7f3be403cfcbe98576bee28c7cc25.jpg" alt="">
							</div>
							<div id="text">Redmi手机..</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/6e74c13b97289f0f90f1b24d6961df54.png" alt="">
							</div>
							<div id="text">Redmi手机..</div>
						</div>
					</div>
				</div>
				<div><img src="./imgs/分类img/eb15b092-da40-8a6f-74c3-38a75cbe2c5d.webp" alt=""></div>
				<div id="heishashouji">
					<div id="xiaomi"><span>黑鲨游戏手机</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/a76df38086f438f5513c470d843da783.png" alt="">
							</div>
							<div id="text">黑鲨手机3S</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/1cae0b41b12f847c75e24513a2c432e9.png" alt="">
							</div>
							<div id="text">黑鲨手机3</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/0f4c7ce842e4517367fa2f529cd1d402.png" alt="">
							</div>
							<div id="text">黑鲨手机3 Pro</div>
						</div>
					</div>
					<div id="xiaomi"><span>黑鲨手机配件</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/6645c8126e08ee1f07c59cd4b406349d.png" alt="">
							</div>
							<div id="text">黑鲨手电竞手..</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e6e6813fbe60506add31586cd7db3312.png" alt="">
							</div>
							<div id="text">散热背夹Pro</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/270dee1b168b89c6dab99332a861aa84.png" alt="">
							</div>
							<div id="text">黑鲨磁性充..</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/88457eba19868c63b428642603e3bde3.png" alt="">
							</div>
							<div id="text">冰封散热背夹</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/82e9ce98ad3f522c8542c02b701e135f.png" alt="">
							</div>
							<div id="text">黑鲨手柄</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/d8bcee7d82c3139d450984f08fe001f7.png" alt="">
							</div>
							<div id="text">黑鲨充电宝</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/f47fc44e9b5a83068018d4467fbec311.png" alt="">
							</div>
							<div id="text">黑鲨其他配件</div>
						</div>
					</div>
				</div>
				
				<div id="wuG">
					<div id="xiaomi"><span>K30 5G</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/f59489c399bb418dfe519b54c89c327d.png" alt="">
							</div>
							<div id="text">6GB+64GB</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/1503283f19daeb0c9b0dd6cf03b8b607.png" alt="">
							</div>
							<div id="text">8GB+128GB</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/f59489c399bb418dfe519b54c89c327d.png" alt="">
							</div>
							<div id="text">8GB+256GB</div>
						</div>
					</div>
					<div id="xiaomi"><span>小米 10</span></div>
					<div id="left-2">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e1e76acbaeda88f7f3c0846b3cf1b49c.png" alt="">
							</div>
							<div id="text">8GB+256GB</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e1e76acbaeda88f7f3c0846b3cf1b49c.png" alt="">
							</div>
							<div id="text">12GB+256GB</div>
						</div>
					</div>
					<div id="xiaomi"><span>小米 10Pro</span></div>
					<div id="left-2">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e5b8780882839adfd0949a46215cab5c.png" alt="">
							</div>
							<div id="text">12GB+256GB</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e1e76acbaeda88f7f3c0846b3cf1b49c.png" alt="">
							</div>
							<div id="text">12GB+256GB</div>
						</div>
				</div>
			</div>
				<div id="xiaomizhongchou">
					 <div id="xiaomi"><span>众筹好物</span></div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/756047918bcea3d0147dd1bfe88e405c.png" alt="">
							</div>
							<div id="text">心电T恤</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e52ed36ae23a88987ab2cd540f307066.png" alt="">
							</div>
							<div id="text">吸尘器</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/93c88bca35a0c60ea980f7683e8acf86.png" alt="">
							</div>
							<div id="text">真无线蓝牙...</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/211d2c3c23a2275ad269dbf020fe8aa5.png" alt="">
							</div>
							<div id="text">立式无线充..</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/0865f68f9c5133a74d267a636abfea74.png" alt="">
							</div>
							<div id="text">咖啡机</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/b170fa4ca97a42801254c9ff220c564b.png" alt="">
							</div>
							<div id="text">遥控车</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/20265446dccc160ad434b28dcaa6d9a5.png" alt="">
							</div>
							<div id="text">鼠标</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/d471d65749e9eaac971d248f527fdb0e.png" alt="">
							</div>
							<div id="text">显示器</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/b8fe835c45b7c71dae03f653bbebb647.png" alt="">
							</div>
							<div id="text">智能窗帘</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/1062719ac43b022195844b3a7c31925a.png" alt="">
							</div>
							<div id="text">智能门锁</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/3ed3efc2540f5a5c6c15aa279e352427.png" alt="">
							</div>
							<div id="text">水头净化器</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/26497f3e297f2e7bc462fdaa7a775894.png" alt="">
							</div>
							<div id="text">挂烫机</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/e1c0b77e96b02740c23008915096ffd1.png" alt="">
							</div>
							<div id="text">塔扇</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/00a24ec650bc885e434d2c9596e64dc5.png" alt="">
							</div>
							<div id="text">插线板</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/c8c66c21e01f88127e42a0b54d56c6c3.png" alt="">
							</div>
							<div id="text">智能晾衣架</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/07a864d01d3d2a519e5e17048e2e7877.png" alt="">
							</div>
							<div id="text">Redmi 手环</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/6a0da3fe676a1bf3e02698a70e68c476.png" alt="">
							</div>
							<div id="text">温湿度计</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/c62889f8cf460d6b8f40ad2dbae141e6.png" alt="">
							</div>
							<div id="text">电动冲牙器</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/a27cccc02ebc33e76ecf71b49a3e7d3a.png" alt="">
							</div>
							<div id="text">液晶小黑板</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/79283f78338810fa1df2954ed8c040ae.png" alt="">
							</div>
							<div id="text">电饭煲</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/4fe6a2404ca47b2df1f82c3d2bd04feb.png" alt="">
							</div>
							<div id="text">毛线修改器</div>
						</div>
					</div>
					<div id="left-1">
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/19d97ba1fcd8aaae4a510bb1dd42a997.png" alt="">
							</div>
							<div id="text">电磁炉</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/21462b04cfe0f90fb26fcd34953766b9.png" alt="">
							</div>
							<div id="text">电动螺丝刀</div>
						</div>
						<div id="wh">
							<div id="img">
								<img src="./imgs/分类img/739fc454d28fa6986208e7d050be7fc1.png" alt="">
							</div>
							<div id="text">洁面仪</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>



	</div>
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	<div id="nav-bottom-fixed">
		<div style="background-color: white;">
			<a href="首页.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/home.png);background-color: white;"></i>
				首页
			</a>
			
		</div>
		<div style="background-color: white;">
			<a href="分类.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/classify.png);background-color: white;"> </i>
			分类
			</a>
			
		</div>
		<div style="background-color: white;">
			<a href="星求.html" style="background-color: white;"> 
				<i style="background-image: url(imgs/xingqio.png);background-color: white;"></i>
			星求
			</a>
		</div>
		<div style="background-color: white;">
			<a href="购物车.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/car.png);background-color: white;"></i>
			购物车
			</a>
			
		</div>
		<div style="background-color: white;">
			<a href="我的.html" style="background-color: white;">
				<i style="background-image: url(./tabbar/mine.png);background-color: white;"></i>
			我的
			</a>
			
		</div>
	</div>
</body>
</html>
<script src="./layui-v2.5.6/layui/layui.all.js"></script>
<script>
	function calcHTMLFontSize(){
        var cH = document.documentElement.clientWidth;
        document.documentElement.style.fontSize = cH / 5 + "px";
    }
    calcHTMLFontSize();
    // 当window的大小发生变化，重新计算
    window.onresize = calcHTMLFontSize;
</script>

